<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>test</title>
    <link href="./hwtab.css" rel="stylesheet"/>
    <link href="./hwlist.css" rel="stylesheet"/>
    <script src="./jquery-1.10.2.min.js"></script>
    <script src="./base.js"></script>
    <script src="./hwtab.js"></script>
    <script src="./hwlist.js"></script>
    <style>
       
       
    </style>
    <script>
        
        var tablist,tablist2 ;
        $(function(){
            tablist = new tabTComponent({
                container:$(".111")
            })
            tablist2 = new tabTComponent({
                container:$(".222")
            })
            
            tablist.attachList('kfdy',{
                env:'dev',//dev or vmd
                container: $('#container'),//容器
                width: '',//宽度
                height: '',//高度
                skin: 'default',//默认皮肤
                autoSearch: false,//是否开启搜索
                mutiCheck: true,//是否开启多选
                autoFirstCheck: true,//是否默认选中第一行
                showFields: { idfield: 'dyid', textfield: 'dymc' },//显示字段和id字段
                dataStore: [{dyid:"THAT13",dymc:"塔河AT13区块"},
                            {dyid:"THAT14",dymc:"塔河AT14区块"}, 
                            {dyid:"THAT15",dymc:"塔河AT15区块"}
                            ],//tab数据集
       
                temClick:function(item,self,e){}
                    })
             tablist.attachList('fddy',{
                env:'dev',//dev or vmd
                container: $('#container'),//容器
                width: '',//宽度
                height: '',//高度
                skin: 'default',//默认皮肤
                autoSearch: false,//是否开启搜索
                mutiCheck: false,//是否开启多选
                autoFirstCheck: true,//是否默认选中第一行
                showFields: { idfield: 'dyid', textfield: 'dymc' },//显示字段和id字段
                dataStore: [{dyid:"THAT13",dymc:"12312"},
                            {dyid:"THAT14",dymc:"4544"}, 
                            {dyid:"THAT15",dymc:"43243"}
                            ],//tab数据集
       
                temClick:function(item,self,e){}
                    })
        })

        function changedata(){
            tablist.setData([
                    { id: "kfdy", text: "区块1", select: false },
                    { id: "kfdy", text: "区块2", select: true },
                ])  
        }
    </script>
</head>
   
<body>
        <input type="button" value="更新数据" onclick="changedata()"/>
    </div>
        <div style="width:400px;height:200px;" class='111'>
            
         </div>
         <div style="width:400px;height:200px;" class='222'>
            
            </div>
     <div>
          
</body>

</html>